/*
 * @Author: your name
 * @Date: 2020-12-07 10:44:30
 * @LastEditTime: 2020-12-10 10:10:18
 * @LastEditors: Please set LastEditors
 * @Description: 登录页面的样式
 * @FilePath: \gitee-WeBi\css\zz\login\login.less
 */
/*  */
@import "../../variables/theme.less";
/*  */
@blockBg:#F7F9FA; // 块背景色
@borderColor:#CCC;  // 边框颜色
/*  */
#zz-main {
    

    .zz-body {
        left: 0;
    }

    /* banner + login */
    .banner-login-area {
        position: relative;
        height: 330px;

        &>.banner {
            height: inherit;
        }

        &>.login-box {
            position: absolute;
            top: 24px;
            right: 160px;
            width: 348px;
            height: 262px;
            background-color: @panelBg;
            border-radius: 3px;
        }
        /* 微信扫码 */
        .login-box_qrcode {
            & > .qrcode {
                width:120px;
                height:120px;
            }
        }
        .login-box_qrcode_tab {
            width:180px;
            height:32px;
            border-radius:3px;
            border:1px solid @themeColor;
            & > .tab-item {
                line-height:30px;
                color:@themeColor;
                cursor: pointer;
                &.is-active {
                    background-color:@themeColor;
                    color:@fsColorf;
                }
            }
        }
        /* GSSO */
        .login-box_GSSO {
            
        }
    }

    .lesson-tabs-area {
        padding: 0 120px;

        .tab-list-item {
            width: 310px;
            min-height: 310px;
            background-color:@blockBg;
            border-radius: 3px;
            border: 1px solid @borderColor;
            cursor: pointer;
            & > .icon-text-area {
                width:100%;
                height:246px;
                padding:56px 30px 0px;
                border-bottom: 1px solid @borderColor;
                background-color: @panelBg;
                & > .icon {
                    width:86px;
                    height:86px;
                    margin-bottom:30px;
                }
                & > .title {
                    font-size:@fs22;
                }
            }
            & > .intro {
                padding:18px;
                font-size:@fs22;
            }
        }
    }
}